<%@ Control Language="C#" AutoEventWireup="true" CodeFile="PersonalInfoControl.ascx.cs" Inherits="pages_PersonalInfoControl" %>
<script type="text/javascript">
        $(function() {
		$("#<%=txtDateOfBirth.ClientID %>" ).datepicker();
	    });
    </script>
<table class="form_table">
    <tr>
        <td colspan="3">
            </td>
    </tr>
    <tr>
        <td style="width: 100px">
            <asp:Label ID="Label1" runat="server" Text="First name *:"></asp:Label></td>
        <td style="width: 186px">
            <asp:TextBox ID="txtFirstName" runat="server" ToolTip="Your first name" Text='<%#Eval(this.FirstName) %>'></asp:TextBox></td>
        <td style="width: 142px">
            <asp:RequiredFieldValidator ID="RequiredFieldValidator1" runat="server" ControlToValidate="txtFirstName"
                ErrorMessage="Please provide your firstaname" ValidationGroup="A">*</asp:RequiredFieldValidator></td>
    </tr>
    <tr>
        <td style="width: 100px">
            <asp:Label ID="Label2" runat="server" Text="Last name *:"></asp:Label></td>
        <td style="width: 186px">
            <asp:TextBox ID="txtLastName" runat="server" ToolTip="Your last name"></asp:TextBox></td>
        <td style="width: 142px">
            <asp:RequiredFieldValidator ID="RequiredFieldValidator2" runat="server" ControlToValidate="txtLastName"
                ErrorMessage="Please provide your last name" ValidationGroup="A">*</asp:RequiredFieldValidator></td>
    </tr>
    <tr>
        <td style="width: 100px">
            <asp:Label ID="Label3" runat="server" Text="Date of birth *:" ></asp:Label></td>
        <td style="width: 186px">
            <asp:TextBox ID="txtDateOfBirth" runat="server" ToolTip="MM/dd/yyyy"></asp:TextBox></td>
        <td style="width: 142px">
            <asp:RequiredFieldValidator ID="RequiredFieldValidator3" runat="server" ControlToValidate="txtDateOfBirth"
                Display="Dynamic" ErrorMessage="RequiredFieldValidator" ValidationGroup="A">*</asp:RequiredFieldValidator>
            <asp:RegularExpressionValidator ID="RegularExpressionValidator3" runat="server" ControlToValidate="txtDateOfBirth"
                Display="Dynamic" ErrorMessage="Invalid date value" ValidationExpression="\d{1,2}/\d{1,2}/\d{4}"
                ValidationGroup="A">*</asp:RegularExpressionValidator></td>
    </tr>
    <tr>
        <td style="width: 100px">
            <asp:Label ID="Label4" runat="server" Text="Gender *:"></asp:Label></td>
        <td style="width: 186px">
            <asp:RadioButton ID="radMale" runat="server" GroupName="Gender" Text="Male"  />
            <asp:RadioButton ID="radFemale" runat="server" GroupName="Gender" Text="Female"  /></td>
        <td style="width: 142px">
        </td>
    </tr>
    <tr>
        <td style="width: 100px">
            <asp:Label ID="Label6" runat="server" Text="Email:"></asp:Label></td>
        <td style="width: 186px">
            <asp:TextBox ID="txtEmail" runat="server"></asp:TextBox></td>
        <td style="width: 142px">
            <asp:RegularExpressionValidator ID="RegularExpressionValidator1" runat="server" ControlToValidate="txtEmail"
                ErrorMessage="Invalid email syntax" ValidationExpression="\w+([-+.']\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*"
                ValidationGroup="A">*</asp:RegularExpressionValidator></td>
    </tr>
    <tr>
        <td style="width: 100px">
            <asp:Label ID="Label7" runat="server" Text="Phone:"></asp:Label></td>
        <td style="width: 186px">
            <asp:TextBox ID="txtPhone" runat="server" ToolTip="Phone number (from 9 to 11 digits)"></asp:TextBox></td>
        <td style="width: 142px">
            <asp:RegularExpressionValidator ID="RegularExpressionValidator2" runat="server" ControlToValidate="txtPhone"
                ErrorMessage="Invalid phone number systax" ValidationExpression="\d{9,11}" ValidationGroup="A">*</asp:RegularExpressionValidator></td>
    </tr>
    <tr>
        <td style="width: 100px">
            <asp:Label ID="Label5" runat="server" Text="Address *:"></asp:Label></td>
        <td style="width: 186px">
            <asp:TextBox ID="txtAddress" runat="server"></asp:TextBox></td>
        <td style="width: 142px">
            <asp:RequiredFieldValidator ID="RequiredFieldValidator4" runat="server" ControlToValidate="txtAddress"
                ErrorMessage="Please provide your address" ValidationGroup="A">*</asp:RequiredFieldValidator></td>
    </tr>
    <tr>
        <td style="width: 100px">
            <asp:Label ID="Label8" runat="server" Text="Country:"></asp:Label></td>
        <td style="width: 186px">
            <asp:DropDownList ID="cmbCountry" runat="server">
            </asp:DropDownList></td>
        <td style="width: 142px">
        </td>
    </tr>
    <tr>
        <td style="width: 100px">
            <asp:Label ID="Label9" runat="server" Text="State:"></asp:Label></td>
        <td style="width: 186px">
            <asp:TextBox ID="txtState" runat="server" ToolTip="State in a country"></asp:TextBox></td>
        <td style="width: 142px">
        </td>
    </tr>
    <tr>
        <td style="width: 100px">
            <asp:Label ID="Label10" runat="server" Text="City:"></asp:Label></td>
        <td style="width: 186px">
            <asp:TextBox ID="txtCity" runat="server"></asp:TextBox></td>
        <td style="width: 142px">
        </td>
    </tr>

    
</table>
